// 头部部分
.header{
    .logo-title{
        margin: 20px 0;
        h2{
            margin-left: 20px;
            color:#666;
        }
    }
}

// 主体部分
.main{
    .login-baner{
       .login-img{
           img{
               height: 450px;
               width: 100%;
           }
       }
        .box{
            height:350px ;
            width: 346px;
            background-color:#fff;
            position: absolute;
            top: 100px;
            right:100px ;
            .box-header{
                margin-top: 20px ;
                font-size: 20px;
                font-weight:600 ;
                color: #666666;
                p{
                    &.active{
                        color: #e4393c;
                    }
                }
            }
            .box-content{
                p{
                    border: 1px solid #ccc;
                    width: 300px;
                    line-height: 40px;
                    margin: 18px auto;
                    span{
                        text-align: center;
                        display: inline-block;
                        width: 50px;
                        height: 40px;
                        border-right: 1px solid #ccc;
                    }
                    input{
                        border: none;
                        outline: none;
                    }
                }
                .forget-pwd{
                    position: absolute;
                    right: 16px;
                    a{
                        color: #ccc;
                    }
                }
                .login-btn{
                    color: #fff;
                    background-color: #e4393c;
                    width: 310px;
                    height: 40px;
                    border: none;
                    margin-top: 40px;
                    margin-left: 20px;
                }
            }
            .box-footer{
                border-top: 1px solid #ccc;
                margin: 20px 0;
                .coagent{
                    margin-top: 10px;
                    .register{
                        color: #e4393c;
                    }
                }
            }
        }
    }
   
}
// 底部部分
.footer{
    padding: 20px 0px;
    background-color: #f8f8f8;
    .col-md-2{
        img{
            width: 100%;
        }
    }
}